import React, { Component } from 'react';
import Login from './Login'
import Step1 from './Step1'
import Step2 from './Step2'
import Step3 from './Step3'
import Step4 from './Step4'
import Steps from './Steps';


export default class App extends Component {
	constructor() {
		super();

		this.state = {
			page:'login',
		}
	}

	setPage = e => {
		this.setState({
			page: e
		})
	}

	render() {
		let {
			page
		} = this.state;


		return (
			<div style={{height:'100%'}}>
				{page == 'login' && <Login setPage={this.setPage}/>}
				{page == 'step1' && <Step1 setPage={this.setPage}/>}
				{page == 'step2' && <Step2 setPage={this.setPage}/>}
				{page == 'step3' && <Step3 setPage={this.setPage}/>}
				{page == 'step4' && <Step4 setPage={this.setPage}/>}
			</div>
		)
	}
}